<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>lab3-4</title>
    <link rel="stylesheet" href="lab3-4.css">
</head>
<body>
    <section class="container">
        <header class="header">
            <h2 class="jd-title">逛好店</h2>
            <span class="arrow-container">
                <span class="arrow"></span>
            </span>
        </header>
        
        <section class="shop-list">
            <article class="shop-item first">
                <section class="shop-info">
                    <h3 class="jd-shop-name">贝恩施京东自营官方旗舰店</h3>
                    <span class="jd-self-operated">自营</span>
                    <p class="jd-followers">277.9万人关注</p>
                </section>
                <figure class="shop-image">
                    <img src="1.jpg" alt="贝恩施店铺" width="80" height="80">
                </figure>
            </article>
            
            <article class="shop-item second">
                <section class="shop-info">
                    <h3 class="jd-shop-name">美宝莲京东自营官方旗舰店</h3>
                    <span class="jd-self-operated">自营</span>
                    <p class="jd-followers">192.9万人关注</p>
                </section>
                <figure class="shop-image">
                    <img src="2.jpg" alt="美宝莲店铺" width="80" height="80">
                </figure>
            </article>
        </section>
    </section>
</body>
</html>